@import '@/styles/mixin.scss';
@import '@/styles/vars.scss';
// 分页
.el-pagination {
  margin-top: 20px;
  margin-bottom: 10px;
  text-align: right;
  margin-right: 20px;
}
// 表格
.el-table {
  .cell{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap !important;
  }
  // 设置表格头部： 背景色、border去除、hover时有右边border
  .header-cell-custom{
    @include custom-header-cell;
  }
  // 设置表格内容的border去掉
  .body-cell-custom{
    border-right:none !important;
  }
  // 设置表格头部的expand 展开时的样式补充
  .el-table__header-wrapper thead{
    .el-table__expand-column  {
      border-bottom: 1px solid #EBEEF5 !important;
      @include custom-header-cell;
    }
  }  
}
.el-table:not(.inside-el-table){
  height: calc(100vh - 120px);
  max-height: 1006px;
}
// 去掉表格上border=true时自带的 border(为了使用可以调节宽度)
.el-table--border .el-table__cell{
  border-right: none !important;
  
}

// 主内容里的container
.main-wrapper{
  width: 100%;
  min-height: calc(100vh - 40px - 48px);
  height: 100%;
  background: #fff;
}
.el-button--primary{
  background-color: $primary-color !important;
  border-color: $primary-color !important;
  &:hover{
    background-color: $primary-hover-color !important;
    border-color: $primary-hover-color !important;    
  }
}
.el-button{
  &:hover,&:focus{
    color:#fff !important;
    background-color: $primary-hover-color !important;
    border-color: $primary-hover-color !important;    
  }
}
.el-pagination.is-background .el-pager li:not(.disabled).active{
  background-color: $primary-color !important;
}
.el-tabs__active-bar{
  background-color: $primary-color !important; 
}
.el-tabs__item{
  font-size: 16px !important;
  font-weight: bold !important;
}
.el-tabs__item.is-active{
  color: $primary-color !important;
}
.el-tabs__item:hover{
  color: $primary-hover-color !important;
}
.el-step__head.is-finish{
  color: $primary-color !important;
  border-color: $primary-color !important;
}
.el-step__title.is-finish{
  color: $primary-color !important;
}
.el-radio__input.is-checked .el-radio__inner {
  border-color: $primary-color !important;
  background: $primary-color !important;
}
.el-radio__input.is-checked+.el-radio__label {
  color: $primary-color !important;
}
.el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: $primary-color !important;
  border-color: $primary-color !important;
}
.el-tree-node__children .el-tree-node.is-current >.el-tree-node__content{ 
  color: $primary-color !important;
  font-weight: bold;
}
.el-tree-node.is-current >.el-tree-node__content{ 
    color: $primary-color !important; 
    font-weight: bold; 
}
.el-tree > .el-tree-node{
  padding-left: 12px !important;
}
// 滚动条样式
::-webkit-scrollbar {
  width: 6px; /*滚动条宽度*/
  height: 6px; /*滚动条高度*/
}
::-webkit-scrollbar-track {
  border-radius: 0px; /*滚动条的背景区域的圆角*/
   background: rgba(224, 224, 225, 0.4); /*滚动条的背景颜色*/
}
::-webkit-scrollbar-thumb {
  border-radius: 10px; /*滚动条的圆角*/
  background: rgba(177, 184, 195, 0.4);/*滚动条的背景颜色*/
}
// 级联选择器
.el-cascader-node.in-active-path, .el-cascader-node.is-active, .el-cascader-node.is-selectable.in-checked-path{
  color: $primary-color !important;
}
.el-input.is-active .el-input__inner, .el-input__inner:focus{
  border-color: $primary-color !important;
}
// 左右布局的宽度
.flex-container{
  display: flex;
  justify-content: flex-start;
  .width-col-18{
    width: 84%;
    padding-right: 20px;
  }
  .width-col-6{
    width:16%;
    min-width: 220px;
  }
}
.el-menu{
  background-color: #fff !important;
}
.el-menu.el-menu--inline{
  background-color: transparent !important;
}
.el-menu,.el-menu-item{
  &:focus-visible{
    outline: none !important;
  }
}
.el-switch.is-checked .el-switch__core{
  border-color: $primary-color !important;
  background-color: $primary-color !important;
}
.el-checkbox__input.is-checked+.el-checkbox__label{
  color: $primary-color !important;
}
.el-checkbox__inner:hover {
  border-color:$primary-color !important;
}
.el-link.el-link--primary {
  color: $primary-color !important;
}
.el-link.is-underline:hover:after {
  border-bottom: none !important;
}
// 表格的第20条数，移除border-bottom 
tr.el-table__row:nth-child(20) {
  td {
    border-bottom: none !important;
  }
}
.el-upload-dragger .el-upload__text{
  font-size: 12px !important;
}
.el-table .descending .sort-caret.descending {
  border-top-color: $primary-color !important;
}
.el-table .ascending .sort-caret.ascending{
  border-bottom-color: $primary-color !important;
}